<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>untitled</title>
	<link rel="stylesheet" href="css/adoptions.css" type="text/css" media="screen" charset="utf-8"/>
</head>
<body>

<div id="page" class="adoptions">
    <div id="navigation">
        <ul class="clearfix">
            <li><a href="index.html">Home</a></li>
            <li class="current"><a href="adoptions.html">Adoptions</a></li>
            <li><a href="donations.html">Donations</a></li>
            <li><a href="about_us.html">About Us</a></li>
            <li><a href="contact_us.html">Contact Us</a></li>
        </ul>
        <div class="socialMedia clearfix">
            <a href="" class="facebook">FB</a>
            <a href="" class="twitter">Tw</a>
        </div><!-- close socialMedia -->
    </div><!-- close navigation -->
    <div id="header">
        <h1><img src="images/logo_main.png" alt="Caring About The Strays"/></h1>
        <div class="callUs">
            Thinking about adopting?
            <div class="phoneNumber">Call 1-305-889-0840</div>
        </div><!-- close callUs -->
    </div><!-- close header -->
    <div id="main" class="clearfix">
    	<div id="pets">
	        <h2>Featured Pets</h2>
	        <div id="featuredPets" class="clearfix">
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href=""><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet last">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        </div>
	        <div id="showPets">
	        	<form id="petType" name="petType" action="" method="get">
		        	<label>Show:</label>
		        	<select id="animal">
		        		<option value="Animal">Animal</option>
		        		<option value="dog">Dog</option>
		        		<option value="cat">Cat</option>
		        		<option value="fish">Fish</option>
		        	</select>
		        	<select id="size">
		        		<option value="Size">Size</option>
		        		<option value="small">Small</option>
		        		<option value="medium">Medium</option>
		        		<option value="Large">Large</option>
		        	</select>
		        	<select id="gender">
		        		<option value="Size">Gender</option>
		        		<option value="male">Male</option>
		        		<option value="female">Female</option>
		        	</select>
	        	</form>
	        </div>
			<h2>Available Pets</h2>
			<div id="availablePets" class="clearfix">
				<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet last">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet last">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        	<div class="pet last">
	        		<div class="thumb"><a href=""><img src="images/img_pugJr.jpg" alt=""/></a></div>
	        		<div class="name"><a href="">Pug Jr.</a></div>
	        	</div>
	        </div>
        </div><!-- close pets -->
        <div id="sidebar">
        	<div class="ad">
        		<img src="https://www.google.com/adsense/static/en_US/images/exampleWideSkyscraper.gif" alt="ad"/>
        	</div>
        </div><!-- close sidebar -->
    </div><!-- close main -->
  <div id="footer">
  </div><!-- close footer -->
</div><!-- close page -->

</body>
</html>